<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
<head>
    <title>Unify | Welcome...</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- CSS Global Compulsory-->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/style.css" tppabs="http://htmlstream.com/preview/unify/assets/css/style.css">
    <link rel="stylesheet" href="assets/css/headers/header1.css" tppabs="http://htmlstream.com/preview/unify/assets/css/headers/header1.css">
    <link rel="stylesheet" href="assets/css/responsive.css" tppabs="http://htmlstream.com/preview/unify/assets/css/responsive.css">
    <link rel="shortcut icon" href="favicon.ico">        
    <!-- CSS Implementing Plugins -->    
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css" tppabs="http://htmlstream.com/preview/unify/assets/plugins/font-awesome/css/font-awesome.css">
    <!-- CSS Page Style -->    
    <link rel="stylesheet" href="assets/css/pages/blog.css" tppabs="http://htmlstream.com/preview/unify/assets/css/pages/blog.css">
    <link rel="stylesheet" href="assets/css/pages/page_search.css" tppabs="http://htmlstream.com/preview/unify/assets/css/pages/page_search.css">
    <link rel="stylesheet" href="assets/css/pages/page_magazine.css" tppabs="http://htmlstream.com/preview/unify/assets/css/pages/page_magazine.css">    
    <!-- CSS Theme -->    
    <link rel="stylesheet" href="assets/css/themes/default.css" tppabs="http://htmlstream.com/preview/unify/assets/css/themes/default.css" id="style_color">
    <link rel="stylesheet" href="assets/css/themes/headers/default.css" tppabs="http://htmlstream.com/preview/unify/assets/css/themes/headers/default.css" id="style_color-header-1">        
</head>	

<body>
<!--=== Style Switcher ===-->    
<i class="style-switcher-btn icon-cogs hidden-xs"></i>
<div class="style-switcher">
    <div class="theme-close"><i class="icon-remove"></i></div>
    <div class="theme-heading">Theme Colors</div>
    <ul class="list-unstyled">
        <li class="theme-default theme-active" data-style="default" data-header="light"></li>
        <li class="theme-blue" data-style="blue" data-header="light"></li>
        <li class="theme-orange" data-style="orange" data-header="light"></li>
        <li class="theme-red" data-style="red" data-header="light"></li>
        <li class="theme-light last" data-style="light" data-header="light"></li>
    </ul>
    <div style="margin-bottom:18px;"></div>
    <div class="theme-heading">Layouts</div>
    <div class="text-center">
        <a href="#" class="btn-u btn-u-green btn-block active-switcher-btn wide-layout-btn">Wide</a>
        <a href="#" class="btn-u btn-u-green btn-block boxed-layout-btn">Boxed</a>
    </div>
</div><!--/style-switcher-->
<!--=== End Style Switcher ===-->    

<!--=== Top ===-->    
<div class="top">
    <div class="container">         
        <ul class="loginbar pull-right">
            <li>
                <i class="icon-globe"></i>
                <a>Languages</a>
                <ul class="lenguages">
                    <li class="active">
                        <a href="#">English <i class="icon-ok"></i></a> 
                    </li>
                    <li><a href="#">Spanish</a></li>
                    <li><a href="#">Russian</a></li>
                    <li><a href="#">German</a></li>
                </ul>
            </li>
            <li class="devider"></li>   
            <li><a href="page_faq.html" tppabs="http://htmlstream.com/preview/unify/page_faq.html">Help</a></li>  
            <li class="devider"></li>   
            <li><a href="page_login.html" tppabs="http://htmlstream.com/preview/unify/page_login.html">Login</a></li>   
        </ul>
    </div>      
</div><!--/top-->
<!--=== End Top ===-->    

<!--=== Header ===-->    
<div class="header">
    <div class="navbar navbar-default" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">
                    <img id="logo-header" src="assets/img/logo1-default.png" tppabs="http://htmlstream.com/preview/unify/assets/img/logo1-default.png" alt="Logo">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Home
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">Option 1: Default Page</a></li>
                            <li><a href="page_home1.html" tppabs="http://htmlstream.com/preview/unify/page_home1.html">Option 2: Layer Slider</a></li>
                            <li><a href="page_home2.html" tppabs="http://htmlstream.com/preview/unify/page_home2.html">Option 3: Revolution Slider</a></li>
                            <li><a href="page_home3.html" tppabs="http://htmlstream.com/preview/unify/page_home3.html">Option 4: Amazing Content</a></li>
                            <li><a href="page_home4.html" tppabs="http://htmlstream.com/preview/unify/page_home4.html">Option 5: Home Sidebar</a></li>
                            <li><a href="page_home5.html" tppabs="http://htmlstream.com/preview/unify/page_home5.html">Option 6: Home Flatty</a></li>
                            <li><a href="page_home6.html" tppabs="http://htmlstream.com/preview/unify/page_home6.html">Option 7: Home Magazine</a></li>
                            <li><a href="page_home7.html" tppabs="http://htmlstream.com/preview/unify/page_home7.html">Option 8: Home Portfolio</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Pages
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="page_about.html" tppabs="http://htmlstream.com/preview/unify/page_about.html">About Us</a></li>
                            <li><a href="page_about1.html" tppabs="http://htmlstream.com/preview/unify/page_about1.html">About Us Option</a></li>
                            <li><a href="page_services.html" tppabs="http://htmlstream.com/preview/unify/page_services.html">Services</a></li>
                            <li><a href="page_services1.html" tppabs="http://htmlstream.com/preview/unify/page_services1.html">Services Option</a></li>
                            <li><a href="page_pricing.html" tppabs="http://htmlstream.com/preview/unify/page_pricing.html">Pricing Tables</a></li>
                            <li><a href="page_invoice.html" tppabs="http://htmlstream.com/preview/unify/page_invoice.html">Invoice Page</a></li>
                            <li><a href="page_meet_our_team.html" tppabs="http://htmlstream.com/preview/unify/page_meet_our_team.html">Meet Our Team</a></li>
                            <li><a href="page_coming_soon.html" tppabs="http://htmlstream.com/preview/unify/page_coming_soon.html">Coming Soon</a></li>
                            <li><a href="page_faq.html" tppabs="http://htmlstream.com/preview/unify/page_faq.html">FAQs Page</a></li>
                            <li><a href="page_search.html" tppabs="http://htmlstream.com/preview/unify/page_search.html">Funny Boxes</a></li>
                            <li><a href="page_gallery.html" tppabs="http://htmlstream.com/preview/unify/page_gallery.html">Gallery Page</a></li>
                            <li><a href="page_registration.html" tppabs="http://htmlstream.com/preview/unify/page_registration.html">Registration Page</a></li>
                            <li><a href="page_registration1.html" tppabs="http://htmlstream.com/preview/unify/page_registration1.html">Registration Option</a></li>
                            <li><a href="page_login.html" tppabs="http://htmlstream.com/preview/unify/page_login.html">Login Page</a></li>
                            <li><a href="page_login1.html" tppabs="http://htmlstream.com/preview/unify/page_login1.html">Login Option</a></li>
                            <li><a href="page_404_error.html" tppabs="http://htmlstream.com/preview/unify/page_404_error.html">404 Error</a></li>
                            <li><a href="page_404_error1.html" tppabs="http://htmlstream.com/preview/unify/page_404_error1.html">404 Error Option</a></li>
                            <li><a href="page_clients.html" tppabs="http://htmlstream.com/preview/unify/page_clients.html">Clients Page</a></li>
                            <li><a href="page_privacy.html" tppabs="http://htmlstream.com/preview/unify/page_privacy.html">Privacy Policy</a></li>
                            <li><a href="page_terms.html" tppabs="http://htmlstream.com/preview/unify/page_terms.html">Terms Of Service</a></li>
                            <li><a href="page_2_columns_left.html" tppabs="http://htmlstream.com/preview/unify/page_2_columns_left.html">2 Columns Page Left</a></li>
                            <li><a href="page_2_columns_right.html" tppabs="http://htmlstream.com/preview/unify/page_2_columns_right.html">2 Columns Page Right</a></li>
                            <li><a href="page_3_columns.html" tppabs="http://htmlstream.com/preview/unify/page_3_columns.html">3 Columns Page</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Features
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="feature_grid.html" tppabs="http://htmlstream.com/preview/unify/feature_grid.html">Grid Layout</a></li>
                            <li><a href="feature_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_boxes.html">Content Boxes</a></li>
                            <li><a href="feature_typography.html" tppabs="http://htmlstream.com/preview/unify/feature_typography.html">Typography</a></li>
                            <li><a href="feature_tagline_boxes.html" tppabs="http://htmlstream.com/preview/unify/feature_tagline_boxes.html">Tagline Boxes</a></li>
                            <li><a href="feature_buttons.html" tppabs="http://htmlstream.com/preview/unify/feature_buttons.html">Buttons</a></li>
                            <li><a href="feature_icons.html" tppabs="http://htmlstream.com/preview/unify/feature_icons.html">Icons</a></li>
                            <li><a href="feature_thumbails.html" tppabs="http://htmlstream.com/preview/unify/feature_thumbails.html">Thumbails</a></li>
                            <li><a href="feature_components.html" tppabs="http://htmlstream.com/preview/unify/feature_components.html">Components</a></li>
                            <li><a href="feature_accardion_and_tabs.html" tppabs="http://htmlstream.com/preview/unify/feature_accardion_and_tabs.html">Accardion and Tabs</a></li>
                            <li><a href="feature_navigations.html" tppabs="http://htmlstream.com/preview/unify/feature_navigations.html">Navigations</a></li>
                            <li><a href="feature_tables.html" tppabs="http://htmlstream.com/preview/unify/feature_tables.html">Tables</a></li>
                            <li><a href="feature_forms.html" tppabs="http://htmlstream.com/preview/unify/feature_forms.html">Forms</a></li>
                            <li><a href="feature_testimonials.html" tppabs="http://htmlstream.com/preview/unify/feature_testimonials.html">Testimonials</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Portfolio
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="portfolio_text_blocks.html" tppabs="http://htmlstream.com/preview/unify/portfolio_text_blocks.html">Portfolio Text Blocks</a></li>
                            <li><a href="portfolio_2_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_2_column.html">Portfolio 2 Columns</a></li>
                            <li><a href="portfolio_3_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_3_column.html">Portfolio 3 Columns</a></li>
                            <li><a href="portfolio_4_column.html" tppabs="http://htmlstream.com/preview/unify/portfolio_4_column.html">Portfolio 4 Columns</a></li>
                            <li><a href="portfolio_item.html" tppabs="http://htmlstream.com/preview/unify/portfolio_item.html">Portfolio Item Option 1</a></li>
                            <li><a href="portfolio_item1.html" tppabs="http://htmlstream.com/preview/unify/portfolio_item1.html">Portfolio Item Option 2</a></li>
                        </ul>
                    </li>
                    <li class="dropdown active">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Blog
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="blog_page.html" tppabs="http://htmlstream.com/preview/unify/blog_page.html">Blog Page</a></li>
                            <li><a href="blog_large.html" tppabs="http://htmlstream.com/preview/unify/blog_large.html">Blog Large</a></li>
                            <li><a href="blog_medium.html" tppabs="http://htmlstream.com/preview/unify/blog_medium.html">Blog Medium</a></li>
                            <li><a href="blog_full_width.html" tppabs="http://htmlstream.com/preview/unify/blog_full_width.html">Blog Full Width</a></li>
                            <li><a href="blog_left_sidebar.html" tppabs="http://htmlstream.com/preview/unify/blog_left_sidebar.html">Blog Left Sidebar</a></li>
                            <li class="active"><a href="blog_right_sidebar.html" tppabs="http://htmlstream.com/preview/unify/blog_right_sidebar.html">Blog Right Sidebar</a></li>
                            <li><a href="blog_item_option1.html" tppabs="http://htmlstream.com/preview/unify/blog_item_option1.html">Blog Item Option 1</a></li>
                            <li><a href="blog_item_option2.html" tppabs="http://htmlstream.com/preview/unify/blog_item_option2.html">Blog Item Option 2</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="0" data-close-others="false">
                            Contacts
                            <i class="icon-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="page_contact1.html" tppabs="http://htmlstream.com/preview/unify/page_contact1.html">Contacts Default</a></li>
                            <li><a href="page_contact2.html" tppabs="http://htmlstream.com/preview/unify/page_contact2.html">Contacts Option 1</a></li>
                            <li><a href="page_contact3.html" tppabs="http://htmlstream.com/preview/unify/page_contact3.html">Contacts Option 2</a></li>
                        </ul>
                    </li>                    
                    <li class="hidden-sm"><a class="search"><i class="icon-search search-btn"></i></a></li>
                </ul>
                <div class="search-open">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search">
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Go</button>
                        </span>
                    </div><!-- /input-group -->
                </div>                
            </div><!-- /navbar-collapse -->
        </div>    
    </div>    
</div><!--/header-->
<!--=== End Header ===-->    

<!--=== Breadcrumbs ===-->
<div class="breadcrumbs margin-bottom-40">
    <div class="container">
        <h1 class="pull-left">Blog Right Sidebar</h1>
        <ul class="pull-right breadcrumb">
            <li><a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">Home</a></li>
            <li><a href="">Features</a></li>
            <li class="active">Blog Right Sidebar</li>
        </ul>
    </div>
</div><!--/breadcrumbs-->
<!--=== End Breadcrumbs ===-->

<!--=== Content Part ===-->
<div class="container">		
	<div class="row blog-page">    
        <!-- Left Sidebar -->
    	<div class="col-md-9 md-margin-bottom-40">
            <!--Blog Post-->
            <div class="search-blocks search-blocks-left-green">
                <div class="row">
                    <div class="col-md-4 search-img">
                        <img alt="" src="assets/img/new/img1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/new/img1.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                           <li><i class="icon-briefcase"></i> Dell, Google</li>
                           <li><i class="icon-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Green Bordered Block</a></h2>
                        <ul class="list-unstyled search-rating">
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-sea" href="#">read more</a>                            
                    </div>
                </div>                            
            </div>
            <!--End Blog Post-->        

            <div class="margin-bottom-20 clearfix"></div>

            <!--Blog Post-->
            <div class="search-blocks search-blocks-colored search-blocks-red">
                <div class="row">
                    <div class="col-md-4 search-img">
                        <img alt="" src="assets/img/new/img1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/new/img1.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                           <li><i class="icon-briefcase"></i> Dell, Google</li>
                           <li><i class="icon-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Red Box</a></h2>
                        <ul class="list-unstyled search-rating">
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-blue" href="#">read more</a>
                    </div>
                </div>                            
            </div>
            <!--End Blog Post-->        

            <div class="margin-bottom-20 clearfix"></div>

            <!--Blog Post-->
            <div class="search-blocks search-blocks-left-orange">
                <div class="row">
                    <div class="col-md-4 search-img">
                        <img alt="" src="assets/img/new/img1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/new/img1.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                           <li><i class="icon-briefcase"></i> Dell, Google</li>
                           <li><i class="icon-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Orange Bordered Box</a></h2>
                        <ul class="list-unstyled search-rating">
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-yellow" href="#">read more</a>                            
                    </div>
                </div>                            
            </div>
            <!--End Blog Post-->        

            <!--Blog Post-->
            <div class="search-blocks search-blocks-colored search-blocks-blue">
                <div class="row">
                    <div class="col-md-4 search-img">
                        <img alt="" src="assets/img/new/img1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/new/img1.jpg" class="img-responsive">
                        <ul class="list-unstyled">
                           <li><i class="icon-briefcase"></i> Dell, Google</li>
                           <li><i class="icon-map-marker"></i> New York, US</li>
                        </ul>
                    </div>
                    <div class="col-md-8">
                        <h2><a href="#">Red Blue</a></h2>
                        <ul class="list-unstyled search-rating">
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                           <li><i class="icon-star"></i></li>
                        </ul>
                        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum.</p>
                        <a class="btn-u btn-u-red" href="#">read more</a>
                    </div>
                </div>                            
            </div>
            <!--End Blog Post-->        
            
            <!--Pagination-->
            <div class="text-center">
                <ul class="pagination">
                    <li><a href="#">«</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li class="active"><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">6</a></li>
                    <li><a href="#">7</a></li>
                    <li><a href="#">8</a></li>
                    <li><a href="#">»</a></li>
                </ul>                                                            
            </div>
            <!--End Pagination-->
        </div>
        <!-- End Left Sidebar -->

        <!-- Right Sidebar -->
    	<div class="col-md-3">
            <!-- Social Icons -->
            <div class="magazine-sb-social margin-bottom-30">
                <div class="headline headline-md"><h2>Social Icons</h2></div>
                <ul class="social-icons social-icons-color">
                    <li><a class="social_rss" data-original-title="Feed" href="#"></a></li>
                    <li><a class="social_facebook" data-original-title="Facebook" href="#"></a></li>
                    <li><a class="social_twitter" data-original-title="Twitter" href="#"></a></li>
                    <li><a class="social_vimeo" data-original-title="Vimeo" href="#"></a></li>
                    <li><a class="social_googleplus" data-original-title="Goole Plus" href="#"></a></li>
                    <li><a class="social_pintrest" data-original-title="Pinterest" href="#"></a></li>
                    <li><a class="social_linkedin" data-original-title="Linkedin" href="#"></a></li>
                    <li><a class="social_dropbox" data-original-title="Dropbox" href="#"></a></li>
                    <li><a class="social_picasa" data-original-title="Picasa" href="#"></a></li>
                    <li><a class="social_spotify" data-original-title="Spotify" href="#"></a></li>
                    <li><a class="social_jolicloud" data-original-title="Jolicloud" href="#"></a></li>
                    <li><a class="social_wordpress" data-original-title="Wordpress" href="#"></a></li>
                    <li><a class="social_github" data-original-title="Github" href="#"></a></li>
                    <li><a class="social_xing" data-original-title="Xing" href="#"></a></li>
                </ul>
                <div class="clearfix"></div>                
            </div>
            <!-- End Social Icons -->

            <!-- Posts -->
            <div class="posts margin-bottom-40">
                <div class="headline headline-md"><h2>Recent Posts</h2></div>
                <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/6.jpg" alt="" /></a></dt>
                    <dd>
                        <p><a href="#">Responsive Bootstrap 3 Template placerat idelo alac eratamet.</a></p> 
                    </dd>
                </dl>
                <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/10.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/10.jpg" alt="" /></a></dt>
                    <dd>
                        <p><a href="#">100+ Amazing Features Layer Slider, Layer Slider, Icons, 60+ Pages etc.</a></p> 
                    </dd>
                </dl>
                <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/11.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/11.jpg" alt="" /></a></dt>
                    <dd>
                        <p><a href="#">Developer Friendly Code imperdiet condime ntumi mperdiet condim.</a></p> 
                    </dd>
                </dl>
            </div><!--/posts-->
            <!-- End Posts -->

        	<!-- Tabs Widget -->
        	<div class="headline headline-md"><h2>Tabs Widget</h2></div>
            <div class="tab-v2 margin-bottom-40">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#home-1">About Us</a></li>
                    <li><a data-toggle="tab" href="#home-2">Quick Links</a></li>
                </ul>                
                <div class="tab-content">
                    <div id="home-1" class="tab-pane active">
                        <p>Vivamus imperdiet condimentum diam, eget placerat felis consectetur id. Donec eget orci metus, ac ac adipiscing nunc.</p> <p>Pellentesque fermentum, ante ac felis consectetur id. Donec eget orci metusvivamus imperdiet.</p>                        
                    </div>
                    <div id="home-2" class="tab-pane magazine-sb-categories">
                        <div class="row">
                            <ul class="list-unstyled col-xs-6">
                                <li><a href="#">Best Sliders</a></li>
                                <li><a href="#">Parralax Page</a></li>
                                <li><a href="#">Backgrounds</a></li>
                                <li><a href="#">Parralax Slider</a></li>
                                <li><a href="#">Responsive</a></li>
                                <li><a href="#">800+ Icons</a></li>
                            </ul>                        
                            <ul class="list-unstyled col-xs-6">
                                <li><a href="#">60+ Pages</a></li>
                                <li><a href="#">Layer Slider</a></li>
                                <li><a href="#">Bootstrap 3</a></li>
                                <li><a href="#">Fixed Header</a></li>
                                <li><a href="#">Best Template</a></li>
                                <li><a href="#">And Many More</a></li>
                            </ul>                        
                        </div>
                    </div>
                </div>
            </div>            
            <!-- End Tabs Widget -->

        	<!-- Photo Stream -->
        	<div class="headline headline-md"><h2>Photo Stream</h2></div>
            <ul class="list-unstyled blog-photos margin-bottom-30">
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/5.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/5.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/6.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/8.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/8.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/10.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/10.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/11.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/11.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/1.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/1.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/2.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/2.jpg"></a></li>
                <li><a href="#"><img class="hover-effect" alt="" src="assets/img/sliders/elastislide/7.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/7.jpg"></a></li>
            </ul>
            <!-- End Photo Stream -->

        	<!-- Blog Latest Tweets -->
            <div class="blog-twitter">
                <div class="headline headline-md"><h2>Latest Tweets</h2></div>
                <div class="blog-twitter-inner">
                    <i class="icon-twitter"></i>
                    <a href="#">@htmlstream</a> 
                    At vero eos et accusamus et iusto odio dignissimos. 
                    <a href="#">http://t.co/sBav7dm</a> 
                    <span>5 hours ago</span>
                </div>
                <div class="blog-twitter-inner">
                    <i class="icon-twitter"></i>
                    <a href="#">@htmlstream</a> 
                    At vero eos et accusamus et iusto odio dignissimos. 
                    <a href="#">http://t.co/sBav7dm</a> 
                    <span>5 hours ago</span>
                </div>
                <div class="blog-twitter-inner">
                    <i class="icon-twitter"></i>
                    <a href="#">@htmlstream</a> 
                    At vero eos et accusamus et iusto odio dignissimos. 
                    <a href="#">http://t.co/sBav7dm</a> 
                    <span>5 hours ago</span>
                </div>
            </div>
            <!-- End Blog Latest Tweets -->
        </div>
        <!-- End Right Sidebar -->
    </div><!--/row-->        
</div><!--/container-->		
<!--=== End Content Part ===-->

<!--=== Footer ===-->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 md-margin-bottom-40">
                <!-- About -->
                <div class="headline"><h2>About</h2></div>  
                <p class="margin-bottom-25 md-margin-bottom-40">Unify is an incredibly beautiful responsive Bootstrap Template for corporate and creative professionals.</p>    

                <!-- Monthly Newsletter -->
                <div class="headline"><h2>Monthly Newsletter</h2></div> 
                <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
                <form class="footer-subsribe">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Email Address">                            
                        <span class="input-group-btn">
                            <button class="btn-u" type="button">Subscribe</button>
                        </span>
                    </div><!-- /input-group -->                    
                </form>                         
            </div><!--/col-md-4-->  
            
            <div class="col-md-4 md-margin-bottom-40">
                <div class="posts">
                    <div class="headline"><h2>Recent Blog Entries</h2></div>
                    <dl class="dl-horizontal">
                        <dt><a href="#"><img src="assets/img/sliders/elastislide/6.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/6.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                    <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/10.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/10.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                    <dl class="dl-horizontal">
                    <dt><a href="#"><img src="assets/img/sliders/elastislide/11.jpg" tppabs="http://htmlstream.com/preview/unify/assets/img/sliders/elastislide/11.jpg" alt="" /></a></dt>
                        <dd>
                            <p><a href="#">Anim moon officia Unify is an incredibly beautiful responsive Bootstrap Template</a></p> 
                        </dd>
                    </dl>
                </div>
            </div><!--/col-md-4-->

            <div class="col-md-4">
                <!-- Monthly Newsletter -->
                <div class="headline"><h2>Contact Us</h2></div> 
                <address class="md-margin-bottom-40">
                    25, Lorem Lis Street, Orange <br />
                    California, US <br />
                    Phone: 800 123 3456 <br />
                    Fax: 800 123 3456 <br />
                    Email: <a href="mailto:info@anybiz.com" class="">info@anybiz.com</a>
                </address>

                <!-- Stay Connected -->
                <div class="headline"><h2>Stay Connected</h2></div> 
                <ul class="social-icons">
                    <li><a href="#" data-original-title="Feed" class="social_rss"></a></li>
                    <li><a href="#" data-original-title="Facebook" class="social_facebook"></a></li>
                    <li><a href="#" data-original-title="Twitter" class="social_twitter"></a></li>
                    <li><a href="#" data-original-title="Goole Plus" class="social_googleplus"></a></li>
                    <li><a href="#" data-original-title="Pinterest" class="social_pintrest"></a></li>
                    <li><a href="#" data-original-title="Linkedin" class="social_linkedin"></a></li>
                    <li><a href="#" data-original-title="Vimeo" class="social_vimeo"></a></li>
                </ul>
            </div><!--/col-md-4-->
        </div><!--/row-->   
    </div><!--/container--> 
</div><!--/footer-->    
<!--=== End Footer ===-->

<!--=== Copyright ===-->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-md-6">                      
                <p class="copyright-space">
                    2013 &copy; Unify. ALL Rights Reserved. 
                    <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
                </p>
            </div>
            <div class="col-md-6">  
                <a href="index.html" tppabs="http://htmlstream.com/preview/unify/index.html">
                    <img id="logo-footer" src="assets/img/logo2-default.png" tppabs="http://htmlstream.com/preview/unify/assets/img/logo2-default.png" class="pull-right" alt="" />
                </a>
            </div>
        </div><!--/row-->
    </div><!--/container--> 
</div><!--/copyright--> 
<!--=== End Copyright ===-->

<!-- JS Global Compulsory -->           
<script type="text/javascript" src="assets/plugins/jquery-1.10.2.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="assets/plugins/hover-dropdown.min.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/hover-dropdown.min.js"></script> 
<script type="text/javascript" src="assets/plugins/back-to-top.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/back-to-top.js"></script>
<!-- JS Page Level -->           
<script type="text/javascript" src="assets/js/app.js" tppabs="http://htmlstream.com/preview/unify/assets/js/app.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        App.init();
    });
</script>
<!--[if lt IE 9]>
    <script src="assets/plugins/respond.js" tppabs="http://htmlstream.com/preview/unify/assets/plugins/respond.js"></script>
<![endif]-->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-29166220-1']);
  _gaq.push(['_setDomainName', 'http://htmlstream.com/preview/unify/htmlstream.com']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www/') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

</body>
</html>	